<template>
<!-- <administrator /> -->
<!-- <div class ="app">
        <h2 class="title">运动爱好者系统登录界面</h2>
        <div class="navigate">
            <RouterLink to="/login" class = btn>登录</RouterLink>
            <RouterLink to="/register" class = btn>注册</RouterLink>
        </div>
    </div> -->
    <RouterView></RouterView>
</template>
<script>
// import administrator from "./components/administrator.vue"
import {RouterView,RouterLink} from 'vue-router'

export default{
  // components:{
  //   administrator
  // }
}
</script>
<style lang="less">
    html,body,h3,main{
        margin: 0;
        padding: 0
    }
    
.app {
    text-align: center; /* 居中标题 */
    margin-top: 20px; /* 调整顶部间距 */
}

.title {
    color: #333; /* 标题颜色 */
}

.navigate {
    margin-top: 20px; /* 调整按钮组间距 */
}

.btn {
    display: inline-block;
    padding: 10px 20px;
    margin: 0 10px;
    background-color: #007bff; /* 按钮背景色 */
    color: #fff; /* 按钮文字颜色 */
    text-decoration: none; /* 去掉链接默认样式 */
    border-radius: 5px; /* 圆角 */
    transition: background-color 0.3s ease; /* 过渡动画 */
}

.btn:hover {
    background-color: #0056b3; /* 按钮鼠标悬停时的背景色 */
}

.RouterView {
    margin-top: 20px; /* 调整路由视图顶部间距 */
}

</style>